<template>
  <div>
    按键详情报表
    <div class="mermaid">
      graph TB
      a-->b
    </div>
  </div>
</template>
<script>
// import mermaid from 'mermaid'
// import 'mermaid/dist/mermaid.forest.css'
// mermaid.initialize({
//   startOnLoad: true,
//   theme: 'forest'
// })
export default {
  name: 'callCensusReport',
  data () {
    return {
      text1: 'graph TB\na-->b'
    }
  },
  beforeMount () {
    console.log(5555)
    this.$nextTick(function () {
      // let element = document.getElementById('wwwww')
      // mermaid.mermaidAPI.initialize({
      //   startOnLoad: true
      // })
      // mermaid.mermaidAPI.render('wwwww', this.text1, function (wewewe) {
      //   console.log(wewewe, 1111111, this.text1)
      //   element.innerHTML = wewewe
      // })
    })
  }
}
</script>
<style lang="stylus" scoped>
  .svgContainer
    height calc(100vh - 235px)
    width 100%
</style>